.item {
    display: flex;
    width  : 94%;
    margin : 10Px auto;
    .cover {
        // border: 1px solid red;
        width    : 30%;
        height   : 64Px;
        position: relative;
        .coverImage {
            // border: 1px solid red;
            width    : 100%;
            height: 100%;
        }
        .coverTag {
            width: 20Px;
            height: 20Px;
            position: absolute;
            right: 5Px;
            bottom: 5Px;
        }
    }

    .text {
        width        : 70%;
        padding-left : 10Px;
        // border       : 1px solid red;
        .title {
            color      : #000;
            // width      : 100%;
            font-weight: 700;
            font-size  : 14Px;
            line-height: 18Px;
            overflow     : hidden;
            white-space  : nowrap;
            text-overflow: ellipsis;
        }

        .subTitle {
            margin-top : 8Px;
            color      : #999;
            font-size  : 12Px;
            line-height: 12Px;
            overflow     : hidden;
            white-space  : nowrap;
            text-overflow: ellipsis;

        }
        .metas {
            height: 12Px;
            .meta {
                display       : inline-block;
                padding       : 0 8Px;
                border-right  : 1px solid #e5e5e5;
                color         : #999;
                font-size     : 12Px;
                line-height   : 12Px;
                vertical-align: middle;
                &:first-of-type {
                    padding-left: 0;
                }
    
                &:last-of-type {
                    border-right: none;
                }
            }
        }
        
    }
}